<!--前台系统首页页面-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <#include "../common/header.ftl"/>
    <!--[if IE 7]>
    <link rel="stylesheet" href="/home/css/font-awesome-ie7.min.css">
    <![endif]-->
    <title>茶叶商城</title>
</head>

<body>
<!--顶部样式-->
<#include "../common/top_menu.ftl"/>
<!--幻灯片样式-->
<!-- 幻灯片样式 -->
<!-- 幻灯片样式 -->
<div class="AD_bg_img">
    <div class="slider">
        <div id="slideBox" class="slideBox">
            <!-- 导航点 -->
            <div class="hd">
                <ul></ul>
            </div>
            <!-- 轮播图片容器 -->
            <div class="bd">
                <ul>
                    <li><img src="/home/images/tea1.jpg" alt="龙井绿茶" /></li>
                    <li><img src="/home/images/tea2.jpg" alt="铁观音乌龙茶" /></li>
                    <li><img src="/home/images/tea3.jpg" alt="普洱茶饼" /></li>
                </ul>
            </div>
            <!-- 左右箭头 -->
            <a class="prev" href="javascript:void(0)"><i class="fa fa-chevron-left"></i></a>
            <a class="next" href="javascript:void(0)"><i class="fa fa-chevron-right"></i></a>
        </div>

        <script type="text/javascript">
            jQuery(".slideBox").slide({
                titCell: ".hd ul",
                mainCell: ".bd ul",
                autoPlay: true,
                autoPage: true,
                interTime: 2000,
                effect: "fade",
                delayTime: 300,
                trigger: "mouseover"
            });
        </script>
    </div>
</div>
<!-- 最新上架产品样式 -->
<!-- 最新上架产品样式 -->
<div class="new_products clearfix">
    <div class="mian">
        <div id="slideBox_list" class="slideBox_list">
            <div class="hd">
                <div class="title_name"></div>
                <div class="list_title">
                    <ul>
                        <li><h3>01</h3><a href="javascript:void(0);">精品茶叶</a></li>
                        <li><h3>02</h3><a href="javascript:void(0);">普通茶叶</a></li>
                    </ul>
                </div>
            </div>

            <div class="bd">
                <div class="fixed_title_name">
<#--                    <span>新鲜</span>-->
                </div>
                <ul class="">
                    <li class="advertising">
                        <div class="ad-item"><img src="/home/images/teaad1.jpg" alt="茶叶广告1" /></div>
                        <div class="ad-item"><img src="/home/images/teaad2.jpg" alt="茶叶广告2" /></div>
                        <div class="ad-item"><img src="/home/images/teaad3.jpg" alt="茶叶广告3" /></div>
                        <div class="ad-item"><img src="/home/images/teaad4.jpg" alt="茶叶广告4" /></div>
                    </li>
                    <li class="advertising">
                        <div class="ad-item"><img src="/home/images/teaad5.jpg" alt="茶叶广告5" /></div>
                        <div class="ad-item"><img src="/home/images/teaad6.jpg" alt="茶叶广告6" /></div>
                        <div class="ad-item"><img src="/home/images/teaad7.jpg" alt="茶叶广告7" /></div>
                        <div class="ad-item"><img src="/home/images/teaad8.jpg" alt="茶叶广告8" /></div>
                    </li>
                </ul>
            </div>
        </div>
        <script type="text/javascript">
            jQuery(".slideBox_list").slide({
                mainCell: ".bd ul",
                effect: "fade",
                autoPlay: true,
                interTime: 3000
            });
        </script>
    </div>
</div>
<!-- 底部样式 -->
<!-- 底部样式 -->
<#include "../common/footer.ftl"/>
</body>
</html>
